<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Cloud Admin Dashboard</title>
	<meta name="description" content="Cloud Admin Panel" />
	<meta name="keywords" content="Admin, Dashboard, Bootstrap3, Sass, transform, CSS3, HTML5, Web design, UI Design, Responsive Dashboard, Responsive Admin, Admin Theme, Best Admin UI, Bootstrap Theme, Bootstrap, Light weight Admin Dashboard,Light weight, Light weight Admin, Light weight Dashboard" />
	<meta name="author" content="Bootstrap Gallery" />
	<link rel="shortcut icon" href="img/favicon.ico">
	<base href="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}">
	<!-- Error CSS -->
	<link href="assets/lib/css/login.css" rel="stylesheet" media="screen">

	<!-- Animate CSS -->
	<link href="assets/lib/css/animate.css" rel="stylesheet" media="screen">

	<!-- Font Awesome -->
	<link href="assets/lib/fonts/font-awesome.min.css" rel="stylesheet">
	<!-- Bootstrap CSS -->
	<link href="assets/lib/css/bootstrap.min.css" rel="stylesheet" media="screen">

	<!-- date range -->
	<link rel="stylesheet" type="text/css" href="assets/lib/css/daterange.css">

	<!-- Main CSS -->
	<link href="assets/lib/css/main.css" rel="stylesheet" media="screen">

	<!-- Slidebar CSS -->
	<link rel="stylesheet" type="text/css" href="assets/lib/css/slidebars.css">

	<!-- Font Awesome -->
	<link href="assets/lib/fonts/font-awesome.min.css" rel="stylesheet">

	<!-- Metrize Fonts -->
	<link href="assets/lib/fonts/metrize.css" rel="stylesheet">

	<!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
	<script src="assets/lib/js/html5shiv.js"></script>
	<script src="assets/lib/js/respond.min.js"></script>
	<![endif]-->

</head>

<body>

<!-- Left sidebar start -->
<aside id="sidebar">

	<!-- Logo starts -->
	<a href="#" class="logo">
		<img src="assets/lib/img/logo.png" alt="logo">
	</a>
	<!-- Logo ends -->

	<!-- Menu start -->
	<div id='menu'>
		<ul>
			<li>
				<a href='index.html'>
					<div class="fs1" aria-hidden="true" data-icon="&#xe007;"></div>
					<span>Dashboard</span>
				</a>
			</li>
			<li>
				<a href='graphs.html'>
					<div class="fs1" aria-hidden="true" data-icon="&#xe0f8;"></div>
					<span>Graphs</span>
				</a>
			</li>
			<li class='has-sub '>
				<a href='#'>
					<div class="fs1" aria-hidden="true" data-icon="&#xe052;"></div>
					<span>Ui Elements</span>
				</a>
				<ul>
					<li>
						<a href='panels.html'>
							<span>Panel &amp; List Groups</span>
						</a>
					</li>
					<li>
						<a href='buttons.html'>
							<span>Buttons</span>
						</a>
					</li>
					<li>
						<a href='grid.html'>
							<span>Grid</span>
						</a>
					</li>
					<li>
						<a href='ui-elements.html'>
							<span>More</span>
						</a>
					</li>
				</ul>
			</li>
			<li class='has-sub'>
				<a href='#'>
					<div class="fs1" aria-hidden="true" data-icon="&#xe0ab;"></div>
					<span>Forms</span>
				</a>
				<ul>
					<li>
						<a href='form.html'>
							<span>Form Elements</span>
						</a>
					</li>
					<li>
						<a href='form-wizard.html'>
							<span>Form Wizards</span>
						</a>
					</li>
					<li>
						<a href="editor.html">
							<span>Wysihtml Editor</span>
						</a>
					</li>
				</ul>
			</li>
			<li>
				<a href='gallery.html'>
					<div class="fs1" aria-hidden="true" data-icon="&#xe0e6;"></div>
					<span>Gallery</span>
				</a>
			</li>
			<li>
				<a href="tables.html">
					<div class="fs1" aria-hidden="true" data-icon="&#xe0f2;"></div>
					<span>Tables</span>
				</a>
			</li>
			<li class='has-sub highlight active'>
				<a href='#'>
					<div class="fs1" aria-hidden="true" data-icon="&#xe0a0;"></div>
					<span>Bonus Pages</span>
				</a>
				<ul style="display: block">
					<li>
						<a href='invoice.html'>
							<span>Invoice</span>
						</a>
					</li>
					<li>
						<a href='calendar.html'>
							<span>Calendar</span>
						</a>
					</li>
					<li>
						<a href='login.html'>
							<span>Login</span>
						</a>
					</li>
					<li>
						<a href='404.html'>
							<span>404</span>
						</a>
					</li>
					<li>
						<a href='default.html' class="select">
							<span>Default</span>
						</a>
					</li>
				</ul>
			</li>
			<li>
				<a href='maps.html'>
					<div class="fs1" aria-hidden="true" data-icon="&#xe089;"></div>
					<span>Vector Maps</span>
				</a>
			</li>
			<li>
				<a href='notifications.html'>
					<div class="fs1" aria-hidden="true" data-icon="&#xe0e9;"></div>
					<span>Notifications</span>
				</a>
			</li>
			<li>
				<a href='typography.html'>
					<div class="fs1" aria-hidden="true" data-icon="&#xe019;"></div>
					<span>Typography</span>
				</a>
			</li>
		</ul>
	</div>
	<!-- Menu End -->

</aside>
<!-- Left sidebar end -->

<!-- Dashboard Wrapper Start -->
<div class="dashboard-wrapper">

	<!-- Header start -->
	<header>
		<ul class="pull-left" id="left-nav">
			<li class="hidden-lg hidden-md hidden-sm">
				<div class="logo-mob clearfix">
					<h2><div class="fs1" aria-hidden="true" data-icon="&#xe0db;"></div><span>Cloud Admin</span></h2>
				</div>
			</li>
			<li class="hidden-xs">
				<a href="#" class="btn btn-info btn-sm">V1</a>
			</li>
			<li>
			<%--	<div class="custom-search hidden-sm hidden-xs pull-left">
					<input type="text" class="search-query" placeholder="Search here">
					<i class="fa fa-search"></i>
				</div>--%>
				<h3>用户名：${USER.getUseraccount()}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;上次登录时间：${DATE}</h3>
			</li>
		</ul>
		<div class="pull-right">
			<ul id="mini-nav" class="clearfix">
				<li class="list-box hidden-xs">
					<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
						<div class="fs1" aria-hidden="true" data-icon="&#xe129;"></div>
					</a>
					<span class="info-label red-bg animated rubberBand">7</span>
					<ul class="dropdown-menu flipInX animated messages">
						<li class="dropdown-header">You have 7 messages</li>
						<li>
							<div class="icon">
								<img src="img/admin10.png" alt="Browser">
							</div>
							<div class="details">
								<strong class="text-danger">Willams</strong>
								<span>Firefox is a free, open-source web browser from Mozilla.</span>
							</div>
						</li>
						<li>
							<div class="icon">
								<img src="img/admin6.png" alt="Browser">
							</div>
							<div class="details">
								<strong class="text-info">Sunny</strong>
								<span>Internet Explorer is a free web browser from Microsoft.</span>
							</div>
						</li>
						<li>
							<div class="icon">
								<img src="img/admin3.png" alt="Browser">
							</div>
							<div class="details">
								<strong class="text-info">James</strong>
								<span>Safari is known for its sleek design and ease of use.</span>
							</div>
						</li>
					</ul>
				</li>
				<li class="list-box hidden-xs">
					<a id="drop2" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
						<div class="fs1" aria-hidden="true" data-icon="&#xe0e3;"></div>
					</a>
					<span class="info-label blue-bg animated rubberBand">3</span>
					<ul class="dropdown-menu fadeInUp animated messages">
						<li class="dropdown-header">Recent Chat</li>
						<div class="chats clearfix">
							<p class="chat them">
								James, I'm going to be a little late.
							</p>
							<p class="chat me">
								S'Okay, Dude. You know your lines...?
							</p>
							<p class="chat them">
								I know em, I don't know what order they come in...
							</p>
							<p class="chat me">
								We'll work it out...
							</p>
						</div>
					</ul>
				</li>
				<li class="list-box hidden-xs dropdown">
					<a id="drop3" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
						<div class="fs1" aria-hidden="true" data-icon="&#xe0ca;"></div>
					</a>
					<span class="info-label green-bg animated rubberBand">6</span>
					<ul class="flipInX animated dropdown-menu stats-widget clearfix">
						<li>
							<h5 class="text-success">$37895</h5>
							<p>Revenue <span class="text-success">+2%</span></p>
							<div class="progress progress-xs">
								<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
									<span class="sr-only">40% Complete (success)</span>
								</div>
							</div>
						</li>
						<li>
							<h5 class="text-info">47,892</h5>
							<p>Downloads <span class="text-info">+39%</span></p>
							<div class="progress progress-xs">
								<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
									<span class="sr-only">40% Complete (info)</span>
								</div>
							</div>
						</li>
						<li>
							<h5 class="text-danger">28214</h5>
							<p>Uploads <span class="text-danger">-7%</span></p>
							<div class="progress progress-xs">
								<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
									<span class="sr-only">40% Complete (danger)</span>
								</div>
							</div>
						</li>
					</ul>
				</li>
				<li class="list-box hidden-xs dropdown">
					<a id="drop1" href="#" role="button" class="dropdown-toggle current-user" data-toggle="dropdown">
						Sandy <b class="caret"></b>
					</a>
					<ul class="dropdown-menu sm fadeInUp animated messages">
						<li class="dropdown-content">
							<a href="#">Edit Profile</a>
							<a href="#">Change Password</a>
							<a href="#">Settings</a>
							<a href="login.html">Logout</a>
						</li>
					</ul>
				</li>
				<li class="list-box hidden-lg hidden-md hidden-sm" id="mob-nav">
					<a href="#">
						<i class="fa fa-reorder"></i>
					</a>
				</li>
			</ul>
		</div>
	</header>
	<!-- Header ends -->

	<!-- Right sidebar start -->
	<div class="sb-slidebar sb-right sb-close">

		<!-- User Profile Start -->
		<section class="user-profile">
			<div class="profile-container">
				<img src="img/admin1.png" class="user-img" alt="User Image">
				<div class="desc">
					<h4>John Doe</h4>
					<p class="text-info">UX Designer</p>
				</div>
			</div>
			<ul class="ftr-link">
				<li class="active">
					<a href="javascript:;">
						<div class="fs1" aria-hidden="true" data-icon="&#xe033;"></div>985
					</a>
				</li>
				<li>
					<a href="javascript:;" class="text-success">
						<div class="fs1" aria-hidden="true" data-icon="&#xe0b9;"></div> 999
					</a>
				</li>
				<li>
					<a href="javascript:;" class="text-pink">
						<div class="fs1" aria-hidden="true" data-icon="&#xe0e3;"></div> 143
					</a>
				</li>
			</ul>
		</section>
		<!-- User Profile End -->

		<!-- Online Users start -->
		<div class="block">
			<div class="heading">Users Online</div>
			<div class="wrapper">
				<!-- Online Users Start -->
				<ul class="online-users">
					<li>
						<a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
							<span>Sunny</span>
							<div class="user-status online"></div>
						</a>
					</li>
					<li>
						<a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
							<span>Henrik</span>
							<div class="user-status online"></div>
						</a>
					</li>
					<li>
						<a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
							<span>John Doe</span>
							<div class="user-status busy"></div>
						</a>
					</li>
					<li>
						<a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
							<span>Fleming</span>
							<div class="user-status away"></div>
						</a>
					</li>
					<li>
						<a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
							<span>Wills</span>
							<div class="user-status"></div>
						</a>
					</li>
				</ul>
				<!-- Online Users End -->
			</div>
		</div>
		<!-- Online Users end -->

		<!-- Checkout start -->
		<div class="block">
			<div class="heading">Checkout</div>
			<ul class="cart">
				<li class="cart-item">
              <span class="cart-item-pic">
                <img src="img/admin2.png" alt="EarthSquare">
              </span>
					Item #1
					<span class="cart-item-desc">Description</span>
					<span class="cart-item-price">$16.80</span>
				</li>
				<li class="cart-item">
              <span class="cart-item-pic">
                <img src="img/admin4.png" alt="EarthSquare">
              </span>
					Item #2
					<span class="cart-item-desc">Description</span>
					<span class="cart-item-price">$15.00</span>
				</li>
				<li class="cart-item">
              <span class="cart-item-pic">
                <img src="img/admin8.png" alt="EarthSquare">
              </span>
					Item #3
					<span class="cart-item-desc">Description</span>
					<span class="cart-item-price">$23.00</span>
				</li>
			</ul>
			<div class="cart-bottom">
				Total: $54.80
				<a href="#" class="cart-button">Continue</a>
			</div>
		</div>
		<!-- Checkout end -->

		<!-- Notifications Start -->
		<div class="block">
			<div class="heading">Notifications</div>
			<!-- Notifications -->
			<ul class="infos">
				<li>
              <span class="label label-success pull-left">
                <div class="fs1" aria-hidden="true" data-icon="&#xe128;"></div>
              </span>
					<div class="info">
						<h6>Guru Tweeted</h6>
						<p class="designation">Few seconds ago</p>
					</div>
				</li>
				<li>
              <span class="label label-danger pull-left">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0e9;"></div>
              </span>
					<div class="info">
						<h6>Server #999 Crashed</h6>
						<p class="designation">2 minutes ago</p>
					</div>
				</li>
				<li>
              <span class="label label-info pull-left">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0e3;"></div>
              </span>
					<div class="info">
						<h6>Kiri's account was created</h6>
						<p class="designation">5 days ago</p>
					</div>
				</li>
			</ul>
		</div>
		<!-- Notifications End -->

	</div>
	<!-- Right sidebar end -->

	<!-- Main Container Start -->
	<div class="main-container">

		<!-- Top Bar Starts -->
		<div class="top-bar clearfix">
			<div class="page-title">
				<h4><div class="fs1" aria-hidden="true" data-icon="&#xe0a0;"></div>Default Layout <a href="invoice.html" class="samll">Bonus Pages</a></h4>
			</div>
			<ul class="right-stats hidden-xs" id="mini-nav-right">
				<li class="reportrange btn btn-success">
					<i class="fa fa-calendar"></i>
					<span></span> <b class="caret"></b>
				</li>
				<li>
					<a href="#" class="btn btn-info sb-open-right sb-close">
						<div class="fs1" aria-hidden="true" data-icon="&#xe06a;"></div>
					</a>
				</li>
			</ul>
		</div>
		<!-- Top Bar Ends -->

		<!-- Container fluid Starts -->
		<div class="container-fluid">

			<!-- Spacer starts -->
			<div class="spacer-xs">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4>订单列表</h4>
				</div>
				<div class="panel-body">
				<table class="table table-bordered" border="1" width="100%">
					<tr align="center">
						<th>序号</th>
						<th>订单编号</th>
						<th>下单时间</th>
						<th>用户ID</th>
						<th>订单金额</th>
						<th>订单来源</th>
						<th>收货人姓名</th>
						<th>收货人电话</th>
						<th>收货人地址</th>
						<th>状态</th>
						<th>操作</th>
					</tr>
					<c:if test="${SHOE}">
						暂无信息
					</c:if>
					<c:if test="${not empty SHOW}">
						<c:forEach items="${SHOW}" var="s" varStatus="zt">
							<tr>
								<td>${zt.count }</td>
								<td>${s.orderformcount }</td>
								<td>${s.havetime }</td>
								<td>${s.userid }</td>
								<td>${s.ordertotal }</td>

								<td>
									<c:choose>
										<c:when test="${s.orderfrom eq 1}">
											网站
										</c:when>
										<c:when test="${s.orderfrom eq 2}">
											手机app
										</c:when>
										<c:when test="${s.orderfrom eq 3}">
											微信
										</c:when>
									</c:choose>-
								</td>
								<td>${s.contactername }</td>
								<td>${s.contacterphone }</td>
								<td>${s.contacteraddress }</td>
								<td>
									<c:choose>
										<c:when test="${s.orderstatus eq 1}">
											未支付
										</c:when>
										<c:when test="${s.orderstatus eq 2}">
											正在配货
										</c:when>
										<c:when test="${s.orderstatus eq 3}">
											已出库
										</c:when>
										<c:when test="${s.orderstatus eq 4}">
											正在配送
										</c:when>
										<c:when test="${s.orderstatus eq 5}">
											已收货
										</c:when>
										<c:otherwise>
											已取消
										</c:otherwise>
									</c:choose>
								</td>
								<td align="center">
									<c:choose>
										<c:when test="${s.orderstatus eq 1}">
											<a href="/order/zhifu?ACCOUNT=${s.orderformcount}"><input type="button" value="支付" onclick="check(${s.orderformcount})"></a>
											<a href="/order/del?DEL=${s.orderformcount}"><input type="button" value="删除"></a>
										</c:when>
										<c:otherwise>
											<a href="/order/quxiao?QUXIAO=${s.orderformcount}"><input type="button" value="取消"></a>
										</c:otherwise>
									</c:choose>
								</td>
							</tr>
						</c:forEach>
					</c:if>
				</table>
				</div>
			</div>
			</div>
			<!-- Spacer ends -->

		</div>
		<!-- Container fluid ends -->

	</div>
	<!-- Main Container Start -->

	<!-- Footer Start -->
	<footer>
		Copyright Cloud Admin <span>2015</span>. All Rights Reserved.
	</footer>
	<!-- Footer end -->

</div>
<!-- Dashboard Wrapper End -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>

<!-- Animated Right Sidebar -->
<script src="js/slidebars.js"></script>

<!-- Date Range -->
<script src="js/daterange/moment.js"></script>
<script src="js/daterange/daterangepicker.js"></script>

<!-- Custom JS -->
<script src="js/custom.js"></script>

</body>
</html>
